/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./public/index.html",
  ],
  theme: {
    extend: {},
  },
  plugins: [
    function({ addUtilities }) {
      addUtilities({
        '.conditional-truncate': {
          overflow: 'hidden',
          textOverflow: 'ellipsis',
          whiteSpace: 'nowrap',
          '&:hover': {
            overflow: 'visible',
            whiteSpace: 'normal',
            '@media (hover: hover)': {
              position: 'absolute',
              marginLeft: '30px',
              zIndex: 50,
              boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
            }
          }
        }
      })
    }
  ],
};
